<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
		<meta http-equiv="Pragma" content="no-cache" />
		<meta http-equiv="Expires" content="0" />
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="format-detection" content="telephone=no">
		<meta name="format-detection" content="email=no">
		<meta name="applicable-device" content="mobile">
		<meta name="author" content="jsl" />
		<title>优惠券</title>
		<link rel="apple-touch-icon" href="../img/logo100.png">
		<link rel="icon" href="../img/logo100.png">
		<link rel="stylesheet" type="text/css" href="../lisp/vant/css/vantCss.css?rev=@@hash" />
		<link rel="stylesheet" type="text/css" href="../css/common.min.css?rev=@@hash" />
		<link rel="stylesheet" type="text/css" href="../css/productDetails.css?rev=@@hash" />
		<link rel="stylesheet" type="text/css" href="../css/gap.css?rev=@@hash" />
		<!-- 引入自己的css -->
		<link rel="stylesheet" type="text/css" href="../css/FPtCoupon.css?rev=@@hash" />
	</head>

	<body>
		<div class="hui"></div>
		<div class="bai"></div>
		<div class="hintInfo"></div>
		<div class="loadImgBox">
			<img class="loadImg" src="../img/load.gif?v= 7f0d7ae" />
		</div>
		<div id="app" v-cloak>
			<van-tabs class='coupon-index' color="#FF8E9C" v-model="active" swipeable sticky>
				<van-tab v-for="item,index in tabData" :title="item.name">
					<van-pull-refresh v-model="isLoading" @refresh="onRefresh">
						<van-list v-model="loading" :finished="finished" @load="onLoad">
							<div :class="index==1?'coupon-cell-hasUse':index==2?'coupon-cell-hasUse coupon-cell-hasOut':''">
								<div class="coupon-cell" v-for="itm,inx in listData" >
									<div class="coupon-cell-box">
										<div class="coupon-cell-left">
											<div class="coupon-cell-leftTop">
												<span v-if='itm.type<4'>￥<i v-text='itm.type'></i></span>
												<span v-if='itm.type==4' class="coupon-common-img"></span>
												<dl>
													<dt v-text='itm.name'></dt>
													<dd v-text="itm.type<4?itm.scope==2?itm.goodsName:'全场通用（不包含拼团）':'团长免单专场使用'"></dd>
												</dl>
											</div>
											<div class="coupon-cell-leftBom">
												有效日期：<span><i v-text='itm.startTime'></i> ~ <i v-text='itm.endTime'></i></span>
											</div>
										</div>
										<div class="coupon-cell-right">
											<span class="needsclick" v-if='index==0' @click='toUse(itm)'>使用</span>
										</div>
									</div>
									<img class="coupon-cell-bgd" :src="index==0?'../img/coupon/noUseBkg.png':'../img/coupon/hasUseBkg.png'" />
								</div>
							</div>
						</van-list>
						<div class="noData" v-show="!listData.length&&!showNum">
							<img src="../img/404/404.png">
							<p v-text="!index?'没有优惠券':index==1?'没有已使用的优惠券':'没有已失效的优惠券'"></p>
						</div>
					</van-pull-refresh>
				</van-tab>
			</van-tabs>
		</div>
	</body>
	<script src="../lisp/jquery-2.1.4.min.js?rev=@@hash" type="text/javascript" charset="utf-8"></script>
	<script src="../lisp/fastclick.min.js?rev=@@hash" type="text/javascript" charset="utf-8"></script>
	<script src="../lisp/vue.min.js?rev=@@hash" type="text/javascript" charset="utf-8"></script>
	<script src="../lisp/vant/js/vantJs.js?rev=@@hash" type="text/javascript" charset="utf-8"></script>
	<script src="../js/constant.js?rev=@@hash" type="text/javascript" charset="utf-8"></script>
	<script src="../js/common.js?rev=@@hash" type="text/javascript" charset="utf-8"></script>
	<!-- 引入自己的js -->
	<script src="../js/FPtCoupon.js?rev=@@hash" type="text/javascript" charset="utf-8"></script>

</html>
